<template>
	<view class="detail-container">
		<view class="title">
			<view class="tag">
				<uni-tag text="置顶" type="error" inverted ></uni-tag>
			</view>
			
			<view class="text">
				欢迎大家使用阿文壁纸，也欢迎大家提出反馈，我会认真阅读
			</view>
		</view>
		<view class="author">
			阿文 2025-1-8 14:57
		</view>
		<view class="img">
			<image src="../../static/logo.png" mode=""></image>
		</view>
		<view class="read-number">
			阅读 1.1万次
		</view>
	</view>
</template>

<script setup lang="ts">
	
</script>

<style lang="scss" scoped>
	       .detail-container{
			   padding: 30rpx;
			   .title{
				   display: flex;
				   align-items: center;
				   .tag{
					   width: 150rpx;
				   }
				   .text{
					   font-size: 40rpx;
					   font-weight: 700;
				   }
			   }
				.author{
					margin-top: 30rpx;
					color:$text-font-color-sub ;
				}
				.img{
					margin-top: 30rpx;
					width: 100%;
					display: flex;
					justify-content: center;
				}
				.read-number{
					margin-top: 30rpx;
					color:$text-font-color-sub ;
				}
			}
</style>
